<div class="dt-picker">
  <head-button>
    <button class="button-clear button-dark cancel" ng-click="cancel()">取消</button>
    <button class="button-clear button-dark finish" ng-click="ok()">完成</button>
  </head-button>
  <date-picker class="row">
    <span class="left-arrow col col-5" ng-click="prevDate()"></span>
    <ion-scroll class="col" scrollbar-x="false"
      delegate-handle="date-picker" direction="x">
        <date-container ng-class="activeDateIdx == $index? 'active': ''" ng-repeat="day in days" ng-click="clickDate($index)">
          <span>
            <div class="month-date">{{day.month}}-{{day.date}}</div>
            <div class="week-name">{{day.weekName}}</div>
          </span>
        </date-container>
    </ion-scroll>
    <span class="right-arrow col col-5" ng-click="nextDate()"></span>
  </date-picker>
  <time-picker class="row">
    <span class="col" ng-repeat="time in days[activeDateIdx].times" ng-class="[time.status, activeTimeIdx == $index ? 'active': '']" ng-click="clickTime($index)">
      <div class="time-range" ng-bind="time.range"></div>
      <div class="time-status" ng-bind="time.statusText"></div>
    </span>
  </time-picker>
</div>
